*{margin:0;padding:0;}
li{
    list-style: none;
}
.slider_img_detail{
    width:400px;
    height:300px;
    float:left;
}
.slider_img_detail_bigger{
    width:300px;
    height:300px;
    float:left;
}
.slider_img_detail_bigger IMG{
    width:100%;
}
.slider_img_detail_thumb{
    width:100%;
    height:auto;
    float:left;
    margin-top: 10px;
}
.slider_img_detail_thumb ul li{
    width:auto;
    height:auto;
    float:left;
    cursor: pointer;
    margin: 1px;
}
.slider_img_detail_thumb ul li::before{
    width:75px;
    height:75px;
    float:left;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    content: "";
}
.slider_img_detail_thumb_active::before{
    opacity: 0 !important;
}
@media (max-width:767px){
    .slider_img_detail{
        width:100%;
        height:auto;
    }
    .slider_img_detail_bigger{
        width:60%;
        height:auto;

    }
    .slider_img_detail_thumb{
        width:40%;
    }
    .slider_img_detail_thumb{
        margin-top: 0px;

    }
    .slider_img_detail_thumb ul li{
        width:48%;
    }
   
    
}
@media (max-width:400px){
    .slider_img_detail{
        width:100%;
        height:auto;
    }
    .slider_img_detail_bigger{
        width:100%;
        height:auto;

    }
    .slider_img_detail_thumb{
        width:100%;
    }
    .slider_img_detail_thumb ul li{
        width:auto;
    }
}

